{{extend('./layout.html')}}

{{#block('main')}}
<div class="main-container">
	<div class="padding-md">
		<div class="row">
			<div class="col-sm-6">
				<div class="page-title">
					学生管理系统
				</div>
				<div class="page-sub-header">
					欢迎您 Back, John Doe , <!-- <i class="fa fa-map-marker text-danger"></i> London -->
				</div>
			</div>
		</div>

		<div class="row m-top-md">
			<div class="col-lg-3 col-sm-6">
				<div class="statistic-box bg-danger m-bottom-md">
					<div class="statistic-title">
						课程总数
					</div>
					<div class="statistic-value">
						{{count1}}
					</div>
					<div class="m-top-md">语文 {{sub[0].snum}} 人 | 生物 {{sub[1].snum}} 人 | 物理 {{sub[2].snum}} 人 | 化学 {{sub[3].snum}} 人</div>
					<div class="statistic-icon-background">
						<i class="ion-eye"></i>
					</div>
				</div>
			</div>

			<div class="col-lg-3 col-sm-6">
				<div class="statistic-box bg-purple m-bottom-md">
					<div class="statistic-title">
						管理员总数
					</div>

					<div class="statistic-value">
						{{count2}}
					</div>

					<div class="m-top-md">&nbsp;</div>

					<div class="statistic-icon-background">
						<i class="ion-person-add"></i>
					</div>
				</div>
			</div>

			<div class="col-lg-3 col-sm-6">
				<div class="statistic-box bg-purple m-bottom-md">
					<div class="statistic-title">
						学生总数
					</div>

					<div class="statistic-value">
						{{count3}}
					</div>

					<div class="m-top-md">&nbsp;</div>

					<div class="statistic-icon-background">
						<i class="ion-person-add"></i>
					</div>
				</div>
			</div>

			<div class="col-lg-3 col-sm-6">
				<div class="statistic-box bg-success m-bottom-md">
					<div class="statistic-title">
						班级总数
					</div>

					<div class="statistic-value">
						{{count4}}
					</div>

					<div class="m-top-md">&nbsp;</div>

					<div class="statistic-icon-background">
						<i class="ion-stats-bars"></i>
					</div>
				</div>
			</div>
		</div>

		<div class="row" style="display: none;">
			<div class="col-md-3">
				<div class="panel panel-default weather-widget">
					<div class="panel-body bg-success text-white">
						<div class="h4 text-white text-center">Today Weather</div>

						<div class="m-top-md m-bottom-md text-center">
							<canvas id="skycon1" width="120" height="120"></canvas>
						</div>

						<div class="degree-text text-center">22°</div>
					</div>
					<div class="panel-footer bg-white text-center padding-md">
						<div class="h4 text-upper">New York <i class="fa fa-map-marker"></i></div>
						<div class="text-muted font-12 m-top-xs">Rainy Day</div>
					</div>
				</div><!-- ./panel -->
			</div><!-- ./col -->
			<div class="col-md-3">
				<div class="panel panel-default weather-widget">
					<div class="panel-body bg-warning text-white">
						<div class="h4 text-white text-center">Today Weather</div>

						<div class="m-top-md m-bottom-md text-center">
							<canvas id="skycon2" width="120" height="120"></canvas>
						</div>

						<div class="degree-text text-center">37°</div>
					</div>
					<div class="panel-footer bg-white text-center padding-md">
						<div class="h4 text-upper">London <i class="fa fa-map-marker"></i></div>
						<div class="text-muted font-12 m-top-xs">Cloudy Day</div>
					</div>
				</div><!-- ./panel -->
			</div><!-- ./col -->
			<div class="col-md-3">
				<div class="panel panel-default weather-widget">
					<div class="panel-body bg-danger text-white">
						<div class="h4 text-white text-center">Today Weather</div>

						<div class="m-top-md m-bottom-md text-center">
							<canvas id="skycon3" width="120" height="120"></canvas>
						</div>

						<div class="degree-text text-center">21°</div>
					</div>
					<div class="panel-footer bg-white text-center padding-md">
						<div class="h4 text-upper">Bangkok <i class="fa fa-map-marker"></i></div>
						<div class="text-muted font-12 m-top-xs">Wind</div>
					</div>
				</div><!-- ./panel -->
			</div><!-- ./col -->
			<div class="col-md-3">
				<div class="panel panel-default weather-widget">
					<div class="panel-body bg-info text-white">
						<div class="h4 text-white text-center">Today Weather</div>

						<div class="m-top-md m-bottom-md text-center">
							<canvas id="skycon4" width="120" height="120"></canvas>
						</div>

						<div class="degree-text text-center">14°</div>
					</div>
					<div class="panel-footer bg-white text-center padding-md">
						<div class="h4 text-upper">Tokyo <i class="fa fa-map-marker"></i></div>
						<div class="text-muted font-12 m-top-xs">Clear Day</div>
					</div>
				</div><!-- ./panel -->
			</div><!-- ./col -->
		</div>
	</div><!-- ./padding-md -->
</div><!-- /main-container -->
{{/block}}